<div class="page page-with-subnavbar" data-name="Sharerank">
    <div class="navbar">
        <div class="navbar-inner sliding">
            <div class="left">
                <a href="#" class="link back icon-only">
                    <i class="icon icon-back color-black"></i>
                </a>
            </div>
            <div class="title">分享榜单</div>
            <div class="right"></div>
        </div>
    </div>
    <div class="subnavbar">
        <div class="subnavbar-inner">
            <div class="flex-row flex-align-center flex-justify-around b5" style="width: 100%;">
                <a href="#ranklist-today" class="tab-link tab-link-active b5 tab-btn" style="width: 45%;">今日分享榜</a>
                <a href="#ranklist-lastday" class="tab-link tab-btn" style="width: 45%;">昨日分享榜</a>
            </div>
        </div>
    </div>
    <div class="tabs">
        <div id="ranklist-today" class="page-content tab tab-active infinite-scroll-content">
            <div class="row no-gap color-gray size-12 flex-row flex-align-center flex-justify-center" style="padding: 15px 0 5px;">
                （以下数据每5分钟更新一次）
            </div>
            <div class="today-rank-list list media-list" style="margin: 10px 0;">
                <ul>

                </ul>
            </div>
            <div class="preloader infinite-scroll-preloader"></div>
        </div>
        <div id="ranklist-lastday" class="page-content tab infinite-scroll-content">
            <div class="row no-gap color-gray size-12 flex-row flex-align-center flex-justify-center" style="padding: 15px 0 5px;">
                （以下数据每5分钟更新一次）
            </div>
            <div class="lastday-rank-list list media-list" style="margin: 10px 0;">
                <ul>

                </ul>
            </div>
            <div class="preloader infinite-scroll-preloader"></div>
        </div>
    </div>
</div>